<template>
    <div class="footer">
        <div v-for="i in footArr">{{ i }}</div>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
const footArr = reactive(['关于百度', 'About Baidu', '使用百度前必读', '帮助中心', '企业推广', '京公网安备11000002000001号', '京ICP证030173号', '互联网新闻信息服务许可证11220180008', '网络文化经营许可证：京网文 [2023] 1034-029号', '信息网络传播试听节目许可证0110516'])
</script>

<style scoped>
.footer {
    width: 95%;
    font-size: 0.078rem;
    color: gray;
    position: fixed;
    bottom: 0.065rem;
    background-color: white;

    display: flex;
    justify-content: space-evenly;

    div:hover {
        cursor: pointer;
        color: var(--hover-black);
    }
}
</style>